<%@ page language="java" contentType="text/html; charset=ISO-8859-1"
	pageEncoding="ISO-8859-1"%>
<%@taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<%@taglib uri="http://java.sun.com/jsp/jstl/fmt" prefix="fmt"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html lang="en">
<head>
<link href="${pageContext.request.contextPath }/iosa/css/bootstrap.css" rel="stylesheet">
    <link href="${pageContext.request.contextPath }/iosa/css/style.css" rel="stylesheet">
    <link href="${pageContext.request.contextPath }/iosa/css/bootstrap-theme.min.css">
    <script src="${pageContext.request.contextPath }/iosa/js/jquery.min.js"></script>
    <script src="${pageContext.request.contextPath }/iosa/js/bootstrap.js"></script>
    <meta charset="UTF-8">
    <title>Login</title>
</head>
<body class="layout-background">
	<nav class="navbar navbar-default nav-bar">
	<div class="layout-width">
		<div class="navbar-header">
			<a href="javascript:void(0)" class="navbar-brand">ITA Ordering
				System</a>
		</div>
	</div>
	</nav>
	<div class="container" style="position: relative; top: 150px">
		<div class="col-md-6">
			<div id="carousel-example-generic" class="carousel slide"
				data-ride="carousel">
				<!-- Indicators -->
				<ol class="carousel-indicators">
					<li data-target="#carousel-example-generic" data-slide-to="0"
						class="active"></li>
					<li data-target="#carousel-example-generic" data-slide-to="1"></li>
					<li data-target="#carousel-example-generic" data-slide-to="2"></li>
				</ol>

				<!-- Wrapper for slides -->
				<div class="carousel-inner" role="listbox">
					<div class="item active">
						<img src="${pageContext.request.contextPath }/iosa/images/5.jpg" alt="..." style="width:540px;height:300px;">
						<div class="carousel-caption">first</div>
					</div>
					<div class="item">
						<img src="${pageContext.request.contextPath }/iosa/images/6.jpg" alt="..." style="width:540px;height:300px;">
						<div class="carousel-caption">second</div>
					</div>
					<div class="item">
						<img src="${pageContext.request.contextPath }/iosa/images/7.jpg" alt="..." style="width:540px;height:300px;">
						<div class="carousel-caption">third</div>
					</div>
				</div>

				<!-- Controls -->
				<a class="left carousel-control" href="#carousel-example-generic"
					role="button" data-slide="prev"> <span
					class="glyphicon glyphicon-chevron-left" aria-hidden="true"></span>
					<span class="sr-only">Previous</span>
				</a> <a class="right carousel-control" href="#carousel-example-generic"
					role="button" data-slide="next"> <span
					class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span>
					<span class="sr-only">Next</span>
				</a>
			</div>
		</div>
		<div class="col-md-6" style="position: relative; top: 40px;">
			<div class="text-center">
				<h2>Login</h2>
			</div>
			<br />
			
			<form action="Verify" method="post">
				<div class="row">
					<div class="form-group">
				
						<label class="col-md-2 control-label"
							style="text-align: right; margin-top: 6px;">Name: </label>
						<div class="col-md-8">
							<input name="uname" type="text" class="form-control"
								placeholder="Tel/Email/user name">
						</div>
					</div>
					<br /> <br />
					<div class="form-group">
						<label class="col-md-2 control-label"
							style="text-align: right; margin-top: 6px;">Password: </label>
						<div class="col-md-8">
							<input name="password" type="password" class="form-control"
								placeholder="Password">&nbsp;<font color="red">${error }</font>
						</div>
						<a href="javascript:void(0)"
							style="position: relative; top: -3px;">Forget Password?</a>
					</div>
					<br /> <br />
					<div class="text-center">
						<button class="btn btn-primary" type="submit">Login</button>
						&nbsp;&nbsp;&nbsp; <a href="javascript:void(0)">Register?</a>
					</div>
				</div>
			</form>
		</div>
	</div>
</body>
</html>